<template>
  <j-modal
    :title="title"
    :width="modalWidth"
    :visible="visible"
    :bodyStyle="bodyStyle"
    style="top: 0px;"
    @cancel="handleCancel"
    :footer="null"
    cancelText="关闭">
      <iframe :src="modelUrl" frameborder="0" class="iframe" scrolling="auto"></iframe>
  </j-modal>
</template>
<script>
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  export default {
    name: "Modeler",
    mixins:[JeecgListMixin],
    components: {
    },
    data () {
      return {
        bodyStyle:{
          padding: "0",
          height: (window.innerHeight-40)+"px"
        },
        modalWidth:800,
        title: '',
        description: '流程设计页面',
        full:true,
        visible: false,
        modelUrl: 'http://www.baidu.com',
        // 查询条件
        queryParam: {},
        // 表头
        columns: [],
        url: {},
      }
    },
    computed: {
      
    },
    created () {
      this.modalWidth = window.innerWidth-0;
    },
    methods: {
      loadData(arg) {},
      close() {
        let that = this;
        this.$confirm({
          title: '提示信息',
          content: '请确认是否保存，未保存信息将会丢失',
          onOk() {
            that.$emit('close')
            that.visible = false
          },
          onCancel() {},
        });
      },

      // close () {
      //   this.$emit('close')
      //   this.visible = false
      // },
      handleCancel () {
        this.close()
      }
    }
  }
</script>
<style scoped>
.iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;  
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-y: hidden;
}
</style>

